 
	<!-- amazeui / 列表 start-->
	<!-- 文档地址 http://amazeui.shopxo.net/widgets/list_news/ -->
	<div data-am-widget="list_news" class="am-list-news am-list-news-default">
	  <!--列表标题-->
	    <div class="am-list-news-hd am-cf" style="background-color: #fff">
	       <!--带更多链接-->
	        <a href="##">
	          <h2 style="font-size: 14px">栏目标题</h2>
	            <span class="am-list-news-more am-fr" style="font-size: 14px">更多 &raquo;</span>
	        </a>
	    </div>
	  	<div class="am-list-news-bd">
		  <ul class="am-list" style="font-size: 14px">
		      <li class="am-g am-list-item-dated" >
		          <a href="##" class="am-list-item-hd ">我很囧，你保重....晒晒旅行中的那些囧！</a>
		          <span class="am-list-date">2013-09-18</span>
		      </li>
		      <li class="am-g am-list-item-dated">
		          <a href="##" class="am-list-item-hd ">我最喜欢的一张画</a>
		          <span class="am-list-date">2013-10-14</span>
		      </li>
		      <li class="am-g am-list-item-dated">
		          <a href="##" class="am-list-item-hd ">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>
		          <span class="am-list-date">2013-11-18</span>
		      </li>
		  </ul>
	  	</div>
	</div>
	
	<script type="text/javascript">
		$('.am-list-news-more').click(function(){
			console.log('更多');
		})
		//item监听
		$('.am-list-item-dated').click(function(){
			console.log($(this).index());
		});
	</script>
	<!-- amazeui / 列表 end-->